<template>
    <section class="home_page">
        <ft_dialog :visible="visible" :handleFn="handleSubmit" :title="title" :answerTitle="answer_title"></ft_dialog>

        <div class="dev_box">
            <!-- 路径盒子 -->
            <div class="flow_box" :class="{global_box: !show_message}">
                <i class="iconfont icon-fold" @click="visibleMessage"></i>
            </div>
            <!-- 消息盒子 -->
            <transition name="message">
                <div class="message_box" v-show="show_message"></div>
            </transition>
            <!-- 滑块 -->
            <div class="dev_bar" v-show="show_message"></div>
        </div>
    </section>
</template>

<script src="./home.js"></script>

<style lang="less" src="./home.less" scoped></style>
